<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>华为商城-我的</title>
    <script src="../js/rem.js"></script>
    <link rel="stylesheet" href="../css/projectCon.css">
    <link rel="stylesheet" href="../css/mine-px.css">
</head>

<body>
    <!-- 头部bar begin -->
    <header class="top">
        <div class="top-left">
            <div class="user-icon">
                <a href="javascript:;">
                    <img src="../img/defaultface_user_after.png" alt="">
                </a>
            </div>
            <div class="user-login">
                <a href="javascript:;">登录/注册</a>
            </div>
        </div>
        <div class="top-right">
            <div class="setting">
                <img src="../img/icon_setting.3e822f4.png">
            </div>
            <div class="message">
                <img src="../img/icon_message.png" alt="">
            </div>
        </div>
    </header>
    <!-- 头部bar end -->
    <!-- 主体内容 begin -->
    <section class="container">
        <!-- 我的账户 begin -->
        <div class="mine-account">
            <!-- 用户信息 -->
            <section class="mine-info">
                <div class="user-icon">
                    <a href="javascript:;">
                        <img src="../img/defaultface_user_after.png" alt="">
                    </a>
                </div>
                <div class="user-login">
                    <a href="javascript:;">
                        登录/注册
                    </a>
                    <a href="javascript:;">
                        <span class="icon"></span>
                        签到领积分
                    </a>
                </div>
            </section>
            <!-- 账户信息 -->
            <section class="m-property">
                <ul>
                    <li>
                        <a href="javascript:;">
                            <p>-</p>
                            <p>积分</p>
                        </a>
                    </li>
                    <li>
                        <a href="javascript:;">
                            <p>-</p>
                            <p>优惠券</p>
                        </a>
                    </li>
                    <li>
                        <a href="javascript:;">
                            <p>-</p>
                            <p>代金券</p>
                        </a>
                    </li>
                </ul>
            </section>
        </div>
        <!-- 我的账户 end -->
        <!-- 我的订单 begin -->
        <section class="section-box">
            <div class="section-header">
                <a href="javascript:;">
                    <h3>我的订单</h3>
                    <span>全部订单</span>
                </a>
            </div>
            <div class="order-channel channel-list">
                <ul>
                    <li>
                        <a href="javascript:;">
                            <span class="icon"></span>
                            <p>待付款</p>
                        </a>
                    </li>
                    <li>
                        <a href="javascript:;">
                            <span class="icon"></span>
                            <p>待收货</p>
                        </a>
                    </li>
                    <li>
                        <a href="javascript:;">
                            <span class="icon"></span>
                            <p>待评价</p>
                        </a>
                    </li>
                    <li>
                        <a href="javascript:;">
                            <span class="icon"></span>
                            <p>退换/退款</p>
                        </a>
                    </li>
                    <li>
                        <a href="javascript:;">
                            <span class="icon"></span>
                            <p>回收单</p>
                        </a>
                    </li>
                </ul>
            </div>
            <div class="order-banner">
                <img src="../img/orderbanner.jpg" alt="">
            </div>
        </section>
        <!-- 我的订单 end -->
         <!-- 会员专属 begin -->
         <section class="section-box">
                <div class="section-header">
                    <a href="javascript:;">
                        <h3>会员专属</h3>
                        <span>更多会员权益</span>
                    </a>
                </div>
                <div class="section-warper myvip">
                    <ul>
                        <li>
                            <a href="javascript:;">
                                <div class="coupon-left">
                                    <h4><span>￥</span> 200</h4>
                                    <p>华为品牌 200元优惠券</p>
                                </div>
                                <div class="coupon-right">
                                    <p>领取</p>
                                </div>
                            </a>
                        </li>
                        <li>
                            <a href="javascript:;">
                                <div class="coupon-left">
                                    <h4><span>￥</span> 200</h4>
                                    <p>华为品牌 200元优惠券</p>
                                </div>
                                <div class="coupon-right">
                                    <p>领取</p>
                                </div>
                            </a>
                        </li>
                        <li>
                            <a href="javascript:;">
                                <div class="coupon-left">
                                    <h4><span>￥</span> 200</h4>
                                    <p>华为品牌 200元优惠券</p>
                                </div>
                                <div class="coupon-right">
                                    <p>领取</p>
                                </div>
                            </a>
                        </li>
                    </ul>
                </div>
         </section>
         <!-- 会员专属 end -->
         <!-- 我的VMALL begin -->
         <section class="section-box">
            <div class="section-header">
                <a href="javascript:;">
                    <h3>我的VMALL</h3>
                </a>
            </div>
            <div class="channel-list">
                <ul>
                    <li>
                        <a href="javascript:;">
                            <div class="icon">
                                <img src="../img/70466974469517966407.png" alt="">
                            </div>
                            <p>会员频道</p>
                        </a>
                    </li>
                    <li>
                        <a href="javascript:;">
                            <div class="icon">
                                <img src="../img/70466974469517966407.png" alt="">
                            </div>
                            <p>会员频道</p>
                        </a>
                    </li>
                    <li>
                        <a href="javascript:;">
                            <div class="icon">
                                <img src="../img/70466974469517966407.png" alt="">
                            </div>
                            <p>会员频道</p>
                        </a>
                    </li>
                    <li>
                        <a href="javascript:;">
                            <div class="icon">
                                <img src="../img/70466974469517966407.png" alt="">
                            </div>
                            <p>会员频道</p>
                        </a>
                    </li>
                </ul>
                <ul>
                    <li>
                        <a href="javascript:;">
                            <div class="icon">
                                <img src="../img/70466974469517966407.png" alt="">
                            </div>
                            <p>会员频道</p>
                        </a>
                    </li>
                    <li>
                        <a href="javascript:;">
                            <div class="icon">
                                <img src="../img/70466974469517966407.png" alt="">
                            </div>
                            <p>会员频道</p>
                        </a>
                    </li>
                    <li>
                        <a href="javascript:;">
                            <div class="icon">
                                <img src="../img/70466974469517966407.png" alt="">
                            </div>
                            <p>会员频道</p>
                        </a>
                    </li>
                    <li>
                        <a href="javascript:;">
                            <div class="icon">
                                <img src="../img/70466974469517966407.png" alt="">
                            </div>
                            <p>会员频道</p>
                        </a>
                    </li>
                </ul>
            </div>
         </section>
          <!-- 我的VMALL end -->
          <!-- 我的服务 begin -->
          <section class="section-box">
            <div class="section-header">
                <a href="javascript:;">
                    <h3>我的服务</h3>
                    <span>联系客服 &gt;</span>
                </a>
            </div>
            <div class="channel-list">
                <ul>
                    <li>
                        <a href="javascript:;">
                            <div class="icon">
                                <img src="../img/myserver.png" alt="">
                            </div>
                            <p>自助服务</p>
                        </a>
                    </li>
                    <li>
                        <a href="javascript:;">
                            <div class="icon">
                                <img src="../img/myserver.png" alt="">
                            </div>
                            <p>自助服务</p>
                        </a>
                    </li>
                    <li>
                        <a href="javascript:;">
                            <div class="icon">
                                <img src="../img/myserver.png" alt="">
                            </div>
                            <p>自助服务</p>
                        </a>
                    </li>
                    <li>
                        <a href="javascript:;">
                            <div class="icon">
                                <img src="../img/myserver.png" alt="">
                            </div>
                            <p>自助服务</p>
                        </a>
                    </li>
                </ul>
                <ul>
                    <li>
                        <a href="javascript:;">
                            <div class="icon">
                                <img src="../img/myserver.png" alt="">
                            </div>
                            <p>自助服务</p>
                        </a>
                    </li>
                    <li>
                        <a href="javascript:;">
                            <div class="icon">
                                <img src="../img/myserver.png" alt="">
                            </div>
                            <p>自助服务</p>
                        </a>
                    </li>
                    <li>
                        <a href="javascript:;">
                            <div class="icon">
                                <img src="../img/myserver.png" alt="">
                            </div>
                            <p>自助服务</p>
                        </a>
                    </li>
                    <li>
                        <a href="javascript:;">
                            <div class="icon">
                                <img src="../img/myserver.png" alt="">
                            </div>
                            <p>自助服务</p>
                        </a>
                    </li>
                </ul>
            </div>
         </section>
          <!-- 我的服务 end -->
          <section class="section-box">
            <div class="section-header">
                <a href="javascript:;">
                    <h3>华为生活</h3>
                </a>
            </div>
            <div class="section-warper">
                <ul>
                    <li>
                        <a href="javascript:;">
                            <img src="../img/minebanner.png" alt="">
                        </a>
                    </li>
                    <li>
                        <a href="javascript:;">
                            <img src="../img/minebanner.png" alt="">
                        </a>
                    </li>
                    <li>
                        <a href="javascript:;">
                            <img src="../img/minebanner.png" alt="">
                        </a>
                    </li>
                    <li>
                        <a href="javascript:;">
                            <img src="../img/minebanner.png" alt="">
                        </a>
                    </li>
                </ul>
            </div>
          </section>
    </section>
    <!-- 主体内容 end -->
    <!-- 底部导航 begin -->
    <section class="nav-bar">
        <ul>
            <li>
                <a href="../html/index.html">
                    <i></i>
                    <b>首页</b>
                </a>
            </li>
            <li>
                <a href="../html/category.html">
                    <i></i>
                    <b>分类</b>
                </a>
            </li>
            <li>
                <a href="../html/found.html">
                    <i></i>
                    <b>发现</b>
                </a>
            </li>
            <li>
                <a href="javascirpt:;">
                    <i></i>
                    <b>购物车</b>
                </a>
            </li>
            <li>
                <a href="./mine.html">
                    <i></i>
                    <b>我的</b>
                </a>
            </li>
        </ul>
    </section>
    <!-- 底部导航 end -->
</body>

</html>